{
 "cells": [
  {
   "cell_type": "markdown",
   "id": "aa79c971",
   "metadata": {},
   "source": [
    "# NGUI Root 组件笔记\n",
    "\n",
    "## 一、基础概念\n",
    "- 分辨率：屏幕宽高两个方向的像素点数。\n",
    "- 像素（px）：屏幕上最小的显示单元（单位色块）。\n",
    "- 屏幕尺寸：屏幕对角线的物理长度。\n",
    "- 屏幕比例：屏幕宽高的比例关系，如 16:9、4:3 等。\n",
    "- DPI（Dots Per Inch）：每英寸的像素点数，衡量屏幕显示精细度的指标。\n",
    "\n",
    "## 二、NGUI Root 组件\n",
    "- 用途：用于分辨率自适应的根对象，可设置基本分辨率；相当于 UI 画布，所有 UI 都显示在这个画布上。\n",
    "\n",
    "### 1）Scaling Style（缩放样式）\n",
    "- Flexible（灵活缩放）：根据屏幕尺寸自动调整 UI 大小。\n",
    "  - 当选择 Flexible 时，Minimum Height 与 Maximum Height 属性生效。\n",
    "  - 在该范围内保证 UI 像素与原始像素一致；超出范围则进行缩放（PC 端常用）。\n",
    "- Constrained（受限缩放）：保持 UI 元素比例不变，根据屏幕尺寸整体缩放。\n",
    "  - 不管屏幕多大，NGUI 会通过合适的缩放来适配；高分辨率上会放大以保持视觉大小一致（可能略模糊），但各设备上 UI 与屏幕的比例相同。\n",
    "  - fitHeight 与 fitWidth：根据屏幕高/宽进行适配，保持比例不变。\n",
    "    - fitHeight：常用于横屏，始终以高度填满画布。\n",
    "    - fitWidth：常用于竖屏/移动端，始终以宽度填满画布。\n",
    "    - 全部勾选：同时支持横屏与竖屏。\n",
    "- Constrained On Mobiles：综合方案——PC 端使用 Flexible，移动端使用 Constrained。\n",
    "\n",
    "### 2）Minimum Height（最小高度）\n",
    "- 当屏幕高度小于该值时，UI 会缩放以适应屏幕。\n",
    "\n",
    "### 3）Maximum Height（最大高度）\n",
    "- 当屏幕高度大于该值时，UI 会缩放以适应屏幕。\n",
    "\n",
    "### 4）Shrink Portrait UI（竖屏收缩 UI）\n",
    "- 当屏幕为竖屏时，按宽度进行适配。上述的 Minimum Height 与 Maximum Height 改成宽度范围\n",
    "\n",
    "### 5）Adjust by DPI（按 DPI 调整）\n",
    "- 根据设备 DPI 调整 UI 大小：高 DPI 上 UI 更大，低 DPI 上 UI 更小；建议勾选。"
   ]
  }
 ],
 "metadata": {
  "language_info": {
   "name": "python"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}
